<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./src/AllSparkPro.css">
  <link rel="stylesheet" href="./src/product.css">
  <link rel="shortcut icon" href="./img/AllSpark.ico" type="image/x-icon">
  <script defer src="./src/jquery.min.js"></script>
  <!-- <script defer src="./src/product(1).js"></script> -->
  <script defer src="./src/produce.js"></script>
  <script defer src="./src/Nav.js"></script>
  <title>产品/服务</title>
</head>

<body>
  <div id="product">
    <div id="header">
      <!-- 导航栏部分 -->
      <div class="Nav">
        <!-- logo部分 -->
        <div class="logo">
          <img src="./img/2.png" width="50" height="60">
          <div class="logoName">
            <p class="little">AllSpark studio</p>
            <p class="big">AllSpark工作室</p>
            <span class="lastLogo">官网</span>
          </div>
        </div>
        <!-- 导航栏内容 -->
        <div class="logo2">
          <ul class="navList">
            <li class="navList_3">
              <a href="../index.html" target="_blank">主页</a>
            </li>
            <li class=" navList_3 secondText">
              <a href="# " style="cursor:default ">职位介绍</a>
              <ul>
                <li><a href="../introduce/AllSpark_dvpt/html/AllSpark_dvpt.html" target="_blank">开发组</a></li>
                <li><a href="../introduce/AllSpark_cpt/html/AllSpark_cpt.html" target="_blank">竞赛组</a></li>
                <li><a href="#">SC小组</a></li>
              </ul>
            </li>
            <li class="navList_3 ">
              <a href="../joinUs/joinUs.html" target="_blank">加入我们</a>
            </li>
            <li class="navList_3 ">
              <a href="#" class="choose">产品/服务</a>
            </li>
            <li class="navList_3 lastText">
              <a href="#" style="cursor:default ">相关下载</a>
              <ul>
                <li><a href="#">工作室财报</a></li>
                <li><a href="#">大话西游实验室篇</a></li>
                <li><a href="#">西邮大一攻略</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <div class="content">
      <div class="imgBox">
        <img src="./img/01-card.jpg" alt="" class="center">
        <img src="./img/02-card.jpg" alt="" class="right">
        <img src="./img/03-card.jpg" alt="" class="after">
        <img src="./img/04-card.jpg" alt="" class="left">
      </div>
      <div class="cardBox_looking">
        <div class="cardBox">
          <div class="message card_active">
            <table>
              <tr>
                <td>产品名称：</td>
                <td colspan="3">AllSpark工作室官网</td>
                <td colspan="2" style="text-align: right;">产品类型：网站</td>
              </tr>
              <tr>
                <td>项目代号：</td>
                <td colspan="3">甲A二零02</td>
                <td colspan="2" style="text-align: right;">产品估值：3.3W</td>
              </tr>
              <tr>
                <td>产品简介：</td>
                <td colspan="5">为方便外界了解工作室、通过工作室学习，AllSpark工作室官网提供信息服务、纳新报名、在线学习等功能</td>
              </tr>
              <tr>
                <td>产品线1：</td>
                <td colspan="5">职责——负责对官网维护、升级；人员——产品、前端、后台、 运维</td>
              </tr>
              <tr>
                <td>产品线2：</td>
                <td colspan="5">职责——负责官网SC小组教育模块的运营、设计、开发；人员——产品、前端、后台、 运营</td>
              </tr>
              <tr>
                <td>产品线3：</td>
                <td colspan="5">职责——负责官网产品/服务模块的产品上线、下载后台维护；人员——前端、后台、 运维</td>
              </tr>
            </table>
          </div>
          <div class="message">
            <table>
              <tr>
                <td>产品名称：</td>
                <td colspan="3">跑步助手</td>
                <td colspan="2" style="text-align: right;">产品类型：电脑应用</td>
              </tr>
              <tr>
                <td>项目代号：</td>
                <td colspan="3">甲A二零03</td>
                <td colspan="2" style="text-align: right;">产品估值：5.0W</td>
              </tr>
              <tr>
                <td>产品简介：</td>
                <td colspan="5">面向于大型运动会，通过录制运动员赛场运动视频，进行视屏处理，从而精确得出运动跑步成绩</td>
              </tr>
              <tr>
                <td>产品线1：</td>
                <td colspan="5">职责——根据甲方后续需求，更新产品；人员——产品、C++、市场、竞赛组</td>
              </tr>
            </table>
          </div>
          <div class="message">
            <table>
              <tr>
                <td>产品名称：</td>
                <td colspan="3">票票帮</td>
                <td colspan="2" style="text-align: right;">产品类型：小程序</td>
              </tr>
              <tr>
                <td>项目代号：</td>
                <td colspan="3">甲A二零01</td>
                <td colspan="2" style="text-align: right;">产品估值：7.3W</td>
              </tr>
              <tr>
                <td>产品简介：</td>
                <td colspan="5">面向西邮学生社团活动的一款活动抢票、线上投票的小程序。极大帮助社团节省活动难度</td>
              </tr>
              <tr>
                <td>产品线1：</td>
                <td colspan="5">职责——负责对小程序维护，并根据用户反馈，升级小程序，并将项目商业化；人员——产品、前端、后台、 运维、运营、市场、竞赛组</td>
              </tr>
            </table>
          </div>
          <div class="message">
            <table>
              <tr>
                <td>产品名称：</td>
                <td colspan="3">知西邮</td>
                <td colspan="2" style="text-align: right;">小程序</td>
              </tr>
              <tr>
                <td>项目代号：</td>
                <td colspan="3">甲B一九01</td>
                <td colspan="2" style="text-align: right;">产品估值：5.3W</td>
              </tr>
              <tr>
                <td>产品简介：</td>
                <td colspan="5">针对西邮准大一新生不熟悉校园环境的痛点，产品提供在线问答、校园简介、校园地图等服务，帮助新生了解西邮</td>
              </tr>
              <tr>
                <td>产品线：</td>
                <td colspan="5">无（暂停更新）</td>
              </tr>
            </table>
          </div>
        </div>
      </div>
      <div class="buttonBox">
        <span><img src="./img/01.PNG" alt="" class="btn active"></span>
        <span><img src="./img/02.PNG" alt="" class="btn"></span>
        <span><img src="./img/03.PNG" alt="" class="btn"></span>
        <span><img src="./img/04.PNG" alt="" class="btn"></span>
      </div>
    </div>
  </div>
</body>

</html>